<!--
 * @Description:
 * @Author: hui
 * @Date: 2022-02-17 18:23:45
 * @LastEditTime: 2022-03-31 10:43:25
-->
<template>
	<div class="submitInfo">
        <div class="success-info">
            <el-icon color="#1EB294" :size=70><SuccessFilled /></el-icon>
            <p class="remark1">实名认证完成</p>
            <el-button type="primary" @click="handleLogin"> 进入我的数字空间 </el-button>
        </div>  
	</div>
</template>
<script setup lang="ts">
import type { ElForm } from 'element-plus';

import { ComponentInternalInstance } from 'vue';

import { useRouter } from 'vue-router';
import { useStore } from 'vuex';
	const { appContext } = getCurrentInstance() as ComponentInternalInstance;
	const proxy = appContext.config.globalProperties;
	type FormInstance = InstanceType<typeof ElForm>;
	// 路由
	const router = useRouter();
	// vuex
	const store = useStore();
	// 登录
    const emit = defineEmits(['selectActiveSign']);
    const handleLogin = ()=>{
        store.commit(`user/SET_USER_STATUS`, 1);
        router.push("/");
    }
	
</script>
<style lang="scss" scoped>
	.submitInfo {
		@extend %relative;
		background-image: url(../assets/images/login-bg.png);
       
        .success-info{
            text-align: center;
            margin-top: 20px;
            .remark1{
                color: #262626;
                font-size: 24px;
                font-weight: bold;
                margin: 20px;
            }
        }
	}
   
</style>
